<template>
  <div class="formShowType2-container">
     <el-table
      :data="tableData"
      :header-cell-style="{backgroundColor: '#F0F0F0',borderBottom: `2px solid ${$color}`}"
      :cell-style="{backgroundColor: '#F0F0F0', borderBottom: '1px solid #e0e0e0'}"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="表单名称"
        width="560">
      </el-table-column>
      <el-table-column
        prop="name"
        label="回复"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="最近活跃时间"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="创建人"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="操作"
        width="80">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data () {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市'
      }, {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市'
      }]
    }
  },
  mounted () {
    console.log(this.$color)
  }
}
</script>

<style lang="less" scoped>
@import url('../../assets/less/folders/formShowType2.less');
</style>
